import React from 'react';
import { Routes, Route, Router } from './utils/SimpleRouter';
import { Layout } from 'antd';
import Sidebar from './components/Sidebar';
import Dashboard from './pages/Dashboard';
import UploadPage from './pages/UploadPage';
import PlatformsPage from './pages/PlatformsPage';
import AccountsPage from './pages/AccountsPage';
import SettingsPage from './pages/SettingsPage';

const { Content } = Layout;

const App: React.FC = () => {
  return (
    <Router>
      <Layout className="app-container">
        <Sidebar />
        <Layout>
          <Content className="main-content">
            <Routes>
              <Route path="/" element={<Dashboard />} />
              <Route path="/upload" element={<UploadPage />} />
              <Route path="/platforms" element={<PlatformsPage />} />
              <Route path="/accounts" element={<AccountsPage />} />
              <Route path="/settings" element={<SettingsPage />} />
            </Routes>
          </Content>
        </Layout>
      </Layout>
    </Router>
  );
};

export default App;
